﻿<div class="ui-widget-content">
    <h3>Alguns métodos interessantes do objeto jQuery</h3>

    <p>
        <strong>.css()</strong> - Recupera e/ou altera as propriedades CSS.
        <ul>
            <li><strong>.css( property )</strong> - Recupera o valor de uma propriedade CSS.</li>
            <li><strong>.css( property, value )</strong> - Altera o valor de uma propriedade CSS.</li>
        </ul>
    </p>
    <p>
        Exemplo:
        <p class="clicavel codigo" id="3_exemplo1_jquery" onclick="javascript: $(this).css('color', 'blue');">
            $("#exemplo1_jquery").css("color", "blue");
        </p>
    </p>

    <p>
        <strong>.click( callback )</strong> - Associa ao evento de clique a execução de uma função de callback.
    </p>
    <p>
        Exemplo:
        <p class="clicavel codigo" id="3_exemplo2_jquery">$("#exemplo2_jquery").click( function () { alert('clique!'); } );</p>
    </p>
    <script type="text/javascript">
        inicializador.introducao3Init = function() {
            $("#3_exemplo2_jquery").click( function () { alert('clique!'); } );
        };
    </script>

    <p>
        <strong>.val()</strong> - Recupera e/ou altera o valor de um elemento HTML (propriedade value 
        <ul>
            <li><strong>.val()</strong> - Recupera o valor de um elemento HTML.</li>
            <li><strong>.val( value )</strong> - Altera o valor de um elemento HTML.</li>
        </ul>
    </p>
    <p>
        Exemplo:
        <input id="3_exemplo3_jquery_input" type="text" onkeyup="javascript: $('#3_exemplo3_jquery').text( $('#3_exemplo3_jquery_input').val() );" />
        <p class="clicavel codigo" id="3_exemplo3_jquery">$("#3_exemplo3_jquery").text( $(":text").val() );</p>
    </p>
</div>